@font-face {
	font-family: 'FontFFwbms';
	src: url('fonts/ffwbms.eot');
	src: url('fonts/ffwbms.eot') format('embedded-opentype'), 
		 url('fonts/ffwbms.woff2') format('woff2'), 
		 url('fonts/ffwbms.woff') format('woff'), 
		 url('fonts/ffwbms.ttf') format('truetype'), 
		 url('fonts/ffwbms.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.ff, .ffwbms-font {
	display: inline-block;
	font: normal normal normal 14px/1 FontFFwbms;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
input[type='radio'],
input[type='checkbox'] {
  display: none;
  cursor: pointer;
}
input[type='radio']:focus, 
input[type='radio']:active,
input[type='checkbox']:focus,
input[type='checkbox']:active {
  outline: none;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
  color: #0b4c6a;
}
input[type='radio'] + label:before, input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 18px;
  height: 18px;
  left: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
}
input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
  background-color: #fafafa;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type='radio'] + label:after,
input[type='checkbox'] + label:after {
  color: #fff;
}
input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {
  -moz-box-shadow: inset 0 0 0 10px #158EC6;
  -webkit-box-shadow: inset 0 0 0 10px #158EC6;
  box-shadow: inset 0 0 0 10px #158EC6;
}

/*Radio Specific styles 单选框特定样式*//*
input[type='radio'] + label:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
input[type='radio'] + label:hover:after, input[type='radio']:checked + label:after {
  content: '\2022';
  position: absolute;
  top: 0px;
  font-size: 19px;
  line-height: 15px;
}
input[type='radio'] + label:hover:after {
  color: #c7c7c7;
}
input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after {
  color: #fff;
}

/*Checkbox Specific styles 复选框特定样式*/
/*
input[type='checkbox'] + label:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input[type='checkbox'] + label:hover:after, input[type='checkbox']:checked + label:after {
  content: "\2713";
  line-height: 18px;
  font-size: 14px;
}
input[type='checkbox'] + label:hover:after {
  color: #c7c7c7;
}
input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after {
  color: #fff;
}

/*Toggle Specific styles 切换特定样式*/
/*
input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 55px;
  height: 28px;
  background-color: #fafafa;
  position: relative;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  @inlcude box-shadow(none);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox'].toggle:hover:after {
  background-color: #c7c7c7;
}
input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #adadad;
  top: 2px;
  left: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox']:checked.toggle {
  -moz-box-shadow: inset 0 0 0 15px #158EC6;
  -webkit-box-shadow: inset 0 0 0 15px #158EC6;
  box-shadow: inset 0 0 0 15px #158EC6;
}
input[type='checkbox']:checked.toggle:after {
  left: 29px;
  background-color: #fff;
}
*/
/*
<div class="controls">
    <h1>Check Boxes</h1>
    <input id='check-1' type="checkbox" name='check-1' checked='checked' />
    <label for="check-1">Apples</label>
     <input id='check-2' type="checkbox" name='check-1' />
    <label for="check-2">Oranges</label>
  </div>
  <div class="controls">
    <h1>Radio Boxes</h1>
    <input id='radio-1' type="radio" name='r-group-1' checked='checked' />
    <label for="radio-1">Day</label>
    <input id='radio-2' type="radio" name='r-group-1' />
    <label for="radio-2">Night</label>
  </div>
  <div class="controls">
    <h1>Toggles</h1>
    <input class='toggle' type="checkbox" name='check-3' checked='checked' />
    <input class='toggle' type="checkbox" name='check-4' />
</div>
*/
/*
纯css3 tabs选项卡动画特效插件
http://www.htmleaf.com/css3/animation/2014100764.html
HTML结构
<ul class="tabs">
        <li>
          <input type="radio" checked name="tabs" id="tab1">
          <label for="tab1">tab 1</label>
          <div id="tab-content1" class="tab-content animated fadeIn">
  ...
          </div>
        </li>
        <li>
          <input type="radio" name="tabs" id="tab2">
          <label for="tab2">tab 2</label>
          <div id="tab-content2" class="tab-content animated fadeIn">
            ...
          </div>
        </li>
        <li>
          <input type="radio" name="tabs" id="tab3">
          <label for="tab3">tab 3</label>
          <div id="tab-content3" class="tab-content animated fadeIn">
            ...
          </div>
        </li>
</ul>

CSS样式
body, html {
    height: 100%;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    background: #aadfeb;
    text-align: center;
    font-family: helvetica;
}
 
.tabs input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.tabs {
    width: 650px;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 75px auto;
}
.tabs li{
    float: left;
}
.tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    color: #08C;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Lily Script One', helveti;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label:hover {
    background: rgba(255,255,255,0.5);
    top: 0;
}
 
[id^=tab]:checked + label {
    background: #08C;
    color: white;
    top: 0;
}
 
[id^=tab]:checked ~ [id^=tab-content] {
    display: block;
}
.tab-content{
    z-index: 2;
    display: none;
    text-align: left;
    width: 100%;
    font-size: 20px;
    line-height: 140%;
    padding-top: 10px;
    background: #08C;
    padding: 15px;
    color: white;
    position: absolute;
    top: 53px;
    left: 0;
    box-sizing: border-box;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

为了实现javascript的功能，我们需要让CSS知道以后什么时候点击了按钮。如果是使用javascript，我们可以简单的在按钮上添加一个"click" 的class用以操控按钮。在不适用javascript的情况下，我们使用了一个小技巧，隐藏radio按钮，radio按钮通过rel属性链接到label上。当你点击了label的时候，实际上是点击了radio按钮。通过lable来触发radio按钮的“checked”属性，我们可以通过:checked来控制它们。

通过上面的html结构，你可以看到我们将radio按钮、label和选项卡内容放在DOM的同一层上。这样做的原因，是为了方便使用“~”兄弟选择器来触发同一级别上的元素。

在demo中，我们在tabs选项卡内容切换时添加了Dan Eden的CSS animation library 来添加各种动画效果。
*/




.ffwbms_form{ margin:0; padding:0;}
/*input text
<input type="text" placeholder="输入框" /><br />
*/
.ffwbms_text,.ffwbms_form input[type="text"]{
    outline-style: none ;
    border: 1px solid #ccc; /* 边框 */
    border-radius: 0.5em; /* 圆角 */
    padding: 0.2em 0.3em; /* 内空 */
    width:calc(100% - 0.6em - 2px);/* 宽 */
    font-size: 1em; /* 字体大小 */
    font-family: "Microsoft soft", "FontFFwbms"; /* 字体 */
}
.ffwbms_number,.ffwbms_form input[type="number"]{
    outline-style: none ;
    border: 1px solid #ccc; /* 边框 */
    border-radius: 0.5em; /* 圆角 */
    padding: 0.2em 0.3em; /* 内空 */
    width:calc(100% - 0.6em - 2px);/* 宽 */
    font-size: 1em; /* 字体大小 */
    font-family: "Microsoft soft", "FontFFwbms"; /* 字体 */
	text-align:right;
	-moz-appearance: textfield; /* 在firefox下移除input[number]的上下箭头 */
}
.ffwbms_number::-webkit-outer-spin-button,.ffwbms_number::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important; /* 移除input[number]的上下箭头 */
	margin: 0;
}
.ffwbms_password,.ffwbms_form input[type="password"]{
    outline-style: none ;
    border: 1px solid #ccc; /* 边框 */
    border-radius: 0.5em; /* 圆角 */
    padding: 0.2em 0.3em; /* 内空 */
    width:calc(100% - 0.6em - 2px);/* 宽 */
    font-size: 1em; /* 字体大小 */
    font-family: "Microsoft soft", "FontFFwbms"; /* 字体 */
}
.button,.ffwbms_button,.ffwbms_reset,.ffwbms_submit,.ffwbms_form input[type="button"],.ffwbms_form input[type="reset"],.ffwbms_form input[type="submit"]{
    -webkit-appearance: none; /* 修改按钮默认定义 */
	box-sizing: inherit; /* 修改按钮默认定义 */
    outline-style: none ;
    border:0;
    border-radius: 0.5em;
    padding: 0.3em 0.3em;
    width:calc(100% - 0.6em);/*10em;*/
    font-size: 1em; /* 设置字体大小 */
    font-family: "Microsoft soft", "FontFFwbms";
	text-align:center;
	color:#FFF;
	background:#c7c7c7;
	cursor:pointer;
}
/* input[type="image"] */
.button:hover,.ffwbms_button:hover,.ffwbms_reset:hover,.ffwbms_submit:hover,.ffwbms_form input[type="button"]:hover,.ffwbms_form input[type="reset"]:hover,.ffwbms_form input[type="submit"]:hover{
	background:#337ab7;
}
/* 搜索按钮 */
.ffwbms_search,.ffwbms_form input[type="search"]{
    outline-style: none ;
    border: 1px solid #ccc; /* 边框 */
    border-radius: 0.5em; /* 圆角 */
    padding: 0.2em 0.3em; /* 内空 */
    width:calc(100% - 0.6em - 2px);/* 宽 */
    font-size: 1em; /* 字体大小 */
    font-family: "Microsoft soft", "FontFFwbms"; /* 字体 */
}
.ffwbms_search:before,.ffwbms_form input[type="search"]:before{
	font-family:wingdings; /* 这里是软件自动补全的 */
	content: "\0040";
	color:yellow;
}

/* 文件域
例：	<a href="javascript:;" class="ffwbms_upfile">选择文件
    <input type="file" name="" id="">
	</a>
 */
.ffwbms_upfile {
			position: relative;
			display: inline-block;
			background: #D0EEFF;
			border: 1px solid #99D3F5;
			border-radius: 0.5em;
			padding: 0.4em 1em;
			overflow: hidden;
			color: #1E88C7;
			text-decoration: none;
			text-align:center;
			line-height: 1em;
			width:calc(100% - 2em - 2px);
			font-family: "Microsoft soft", "FontFFwbms";
		}
.ffwbms_upfile input[type="file"] {
			position: absolute;
			font-size: 1em;
			right: 0;
			top: 0;
			opacity: 0;
		}
.ffwbms_upfile:hover {
			background: #AADFFD;
			border-color: #78C3F3;
			color: #004974;
			text-decoration: none;
}
/* checkbox处理
用法： checkbox的ID和label的for名字对应
例：	<input type="checkbox" name="checkboxG1" id="checkboxG1" />
    <label for="checkboxG1" class="checkbox-label">Option 1</label>
*/
.ffwbms_checkbox,.ffwbms_form input[type=checkbox]{
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.ffwbms_checkbox + label.ffwbms_checkbox-label,.ffwbms_form input[type=checkbox] + label.ffwbms_checkbox-label {
	display:inline-block;
	padding-left:1.8em;
	height:1.5em; 
	line-height:1.5em;
	font-size:1em;
	background: url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAFVBMVEUAAAD6vg/6vxD6vhD6vxD/wRX6vg8kMMAoAAAABnRSTlMAmcWj9yRP4yxWAAAAK0lEQVQY02MISkMCqgwqhoJwIOzEkMyABMwYEpG5YqNcsrloAYsW7GiRAgBYzxiTxWw0ywAAAABJRU5ErkJggg==) no-repeat left;
	background-attachment: left;/*设置背景图像是固定的*/
	background-size: auto 100%;
	-moz-background-size:  auto 100%;
	-webkit-background-size:  auto 100%;
	vertical-align:middle;
	cursor:pointer;
}
.ffwbms_checkbox:checked + label.ffwbms_checkbox-label,.ffwbms_form input[type=checkbox]:checked + label.ffwbms_checkbox-label {
	background: url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEX6vxD/wRX5vg8oKCiGaxyffhqPchucexqVdxuUdhu0jBfFmRVTRyPClxbLnRTpsxHvtxCvTveZAAAAAnRSTlPFJPwdCuIAAABiSURBVCjPzdM5DsAgDABBEocckOv/r43TsJItXLPtCExh0pTmTkqYCyMaBt8As5xd3ETkAZ2tnHS2dGbmZmC5rIFFx2AGq6hi5tr912YgitnXHphDVQxs3XXYTWBxAwu/wwcFywb156RCtwAAAABJRU5ErkJggg==) no-repeat left;
	background-size: auto 100%;
	-moz-background-size:  auto 100%;
	-webkit-background-size:  auto 100%;
}
label.ffwbms_checkbox-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* radio处理
用法： radio的ID和label的for名字对应
例：	<input type="checkbox" name="checkboxG1" id="checkboxG1" />
    <label for="checkboxG1" class="checkbox-label">Option 1</label>
*/
.ffwbms_radio,.ffwbms_form input[type=radio] {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.ffwbms_radio + label.ffwbms_radio-label,.ffwbms_form input[type=radio] + label.ffwbms_radio-label {
	display:inline-block;
	padding-left:1.8em;
	height:1.5em; 
	line-height:1.5em;
	font-size:1em;
	background: url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAMFBMVEUAAADV1dXCwsLIyMjPz8/IyMjIyMjGxsbHx8e7u7va2trFxcXDw8Pu7u7h4eHHx8eNXZlIAAAADXRSTlMA9hX17+2MZkQH/YEyZIrQmgAAAG1JREFUCNdjAIIZ1RUTGMBAzURKxEwBxGIKvHv37sUYEPP827tA8F4BKBh3FwTuBTEwsMneBQMxBobJdyHg8gSGFijzSgNDIZR5sYBhF5R5awOyKEItkgkIc1FsY9CHuOEAkMkDdlkQqnsRvgAAyC5owO2u7LoAAAAASUVORK5CYII=) no-repeat left;
	background-attachment: left;/*设置背景图像是固定的*/
	background-size: auto 100%;
	-moz-background-size:  auto 100%;
	-webkit-background-size:  auto 100%;
	vertical-align:middle;
	cursor:pointer;
}
.ffwbms_radio:checked + label.ffwbms_radio-label,.ffwbms_form input[type=radio]:checked + label.ffwbms_radio-label {
	background: url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAQlBMVEUAAADV1dXCwsLIyMjPz8/IyMjIyMjGxsbHx8e7u7va2trFxcXDw8Pu7u70lgHq6urwxX/ypy/h4eHg4ODHx8fyrDuJiVHSAAAADXRSTlMA9hX17+2MZkQH/YEyZIrQmgAAAIdJREFUGNN1kFkSwyAMQzH7EkhYcv+rFo2H0g/6fvB4ZBtJMMG75HwQG2mVpkhaWfltGbozuMlc3LpGy4s+JKt63jSDpiXUTy31QUF2XlTY9RbwYqcKwmuoCgOl9sJhtBamYtiJFOdbFrOO6aQ77TvdPf0PPlredMPmRt/WxgrhJxf5J79Tzh+OxwzfTLrvhQAAAABJRU5ErkJggg==) no-repeat left;
	background-size: auto 100%;
	-moz-background-size:  auto 100%;
	-webkit-background-size:  auto 100%;
}
label.ffwbms_radio-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* 下拉列表 */
.ffwbms_select{
	width:calc(100% - 2px);
	height:1.8em;
	line-height:1.8em;
	position: relative;
	overflow:hidden;
	border:1px solid #ccc; 
	-moz-border-radius: 0.5em; /* Gecko browsers */ 
	-webkit-border-radius: 0.5em; /* Webkit browsers */ 
	border-radius:0.5em; 
} 
.ffwbms_select:before {/* 下箭头 */
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-top-color: #ccc;
		top: 0.6em;
		right: 0.4em;
		font-size:0.8em;
		cursor: pointer;
		z-index: -2;
	}
.ffwbms_select select {
	padding:0.2em;
	background:transparent;
	width:100%;
	font-size:1em;
	border:none;
	height:1.8em;
	-webkit-appearance: none; /*for Webkit browsers*/ 
}
/* 多行文本 */
.ffwbms_textarea,.ffwbms_form textarea{
    border: 1px solid #ccc; /* 边框 */
    border-radius: 0.5em; /* 圆角 */
    padding: 0.2em 0.3em; /* 内空 */
    width:calc(100% - 0.6em - 2px);/* 宽 */
	height: 10em;
	line-height:1.5em;
	font-size:1em;
	font-family: "Microsoft soft", "FontFFwbms";
}


/*焦点边框点击发光*/
.ffwbms_text:focus,.ffwbms_form input[type="text"]:focus,
.ffwbms_password:focus,.ffwbms_form input[type="password"]:focus,
.ffwbms_textarea:focus,.ffwbms_form textarea:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.5em rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0.5em rgba(102,175,233,.6)
}/**/

/* FFWBMSFONT字体处理 */
/* 旋转快 */
.ff-spin {
	-webkit-animation: ff-spin 2s infinite linear;
	animation: ff-spin 2s infinite linear;
}
/* 旋转慢 */
.ff-pulse {
	-webkit-animation: ff-spin 1s infinite steps(8);
	animation: ff-spin 1s infinite steps(8);
}
@-webkit-keyframes ff-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes ff-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.ff-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ff-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ff-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.ff-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.ff-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}
:root .ff-rotate-90, /* 右转90度 */
:root .ff-rotate-180, /* 右转180度 */
:root .ff-rotate-270, /* 右转270度 */
:root .ff-flip-horizontal, /* 水平镜像 */
:root .ff-flip-vertical { /* 垂直镜像 */
	filter: none;
}
/* 字符垂直居中 */
.ff-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.ff-stack-1x,
.ff-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.ff-stack-1x {
	line-height: inherit;
}
.ff-stack-2x {
	font-size: 2em;
}
/* 白色 */
.ff-inverse {
  color: #ffffff;
}
/* 定义读取ICO字符 */
.ff-F007:before,.ff-music:before {
	content: "\F007"; /*音乐*/
}
.ff-f009:before,.ff-envelope-w:before {
	content: "\f009";/*信封(白)*/
}
.ff-f00b:before,.ff-envelope:before {
	content: "\f00b";/*信封*/
}
.ff-f00d:before,.ff-heart-w:before {
	content: "\f00d";/*心(白)*/
}
.ff-f00e:before,.ff-heart:before {
	content: "\f00e";/*心*/
}
.ff-f00f:before,.ff-star-w:before {
	content: "\f00f";/*五角星(白)*/
}
.ff-f011:before,.ff-star-h:before {
	content: "\f011";/*五角星(半白)*/
}
.ff-f012:before,.ff-star:before {
	content: "\f012";/*五角星*/
}
.ff-f013:before,.ff-user:before {
	content: "\f013";/*个人 fa-user-plus fa-user-times */
}
.ff-f014:before,.ff-user-c-w:before {
	content: "\f014";/*个人-圆(白)*/
}
.ff-f015:before,.ff-user-c:before {
	content: "\f015";/*个人-圆*/
}
.ff-f016:before,.ff-group:before {
	content: "\f016";/*组*/
}
.ff-f017:before,.ff-female-doll:before {
	content: "\f017";/*女-人形*/
}
.ff-f018:before,.ff-male-doll:before {
	content: "\f018";/*男-人形*/
}
.ff-f019:before,.ff-female-sign:before {
	content: "\f019";/*女-标志*/
}
.ff-f01a:before,.ff-male-sign:before {
	content: "\f01a";/*男-标志*/
}
.ff-f01b:before,.ff-wheelchair:before {
	content: "\f01b";/*轮椅*/
}
.ff-f01c:before,.ff-arrow-left:before {
	content: "\f01c";/*箭头-左*/
}
.ff-f01d:before,.ff-arrow-right:before {
	content: "\f01d";/*箭头-右*/
}
.ff-f01e:before,.ff-arrow-upper:before {
	content: "\f01e";/*箭头-上*/
}
.ff-f01f:before,.ff-arrow-lower:before {
	content: "\f01f";/*箭头-下*/
}
.ff-f020:before,.ff-triangle-left:before {
	content: "\f020";/*三角-左*/
}
.ff-f021:before,.ff-triangle-right:before {
	content: "\f021";/*三角-右*/
}
.ff-f022:before,.ff-triangle-upper:before {
	content: "\f022";/*三角-上*/
}
.ff-f023:before,.ff-triangle-lower:before {
	content: "\f023";/*三角-下*/
}
.ff-f024:before,.ff-triangle-upper-c:before {
	content: "\f024";/*三角-中上*/
}
.ff-f025:before,.ff-triangle-lower-c:before {
	content: "\f025";/*三角-中下*/
}
.ff-f026:before,.ff-double-left:before {
	content: "\f026";/*双线-左*/
}
.ff-f027:before,.ff-double-right:before {
	content: "\f027";/*双线-右*/
}
.ff-f028:before,.ff-double-upper:before {
	content: "\f028";/*双线-上*/
}
.ff-f029:before,.ff-double-lower:before {
	content: "\f029";/*双线-下*/
}
.ff-f02a:before,.ff-solid-left:before {
	content: "\f02a";/*单线-左*/
}
.ff-f02b:before,.ff-solid-right:before {
	content: "\f02b";/*单线-右*/
}
.ff-f02c:before,.ff-solid-upper:before {
	content: "\f02c";/*单线-上*/
}
.ff-f02d:before,.ff-solid-lower:before {
	content: "\f02d";/*单线-下*/
}
.ff-f02e:before,.ff-thick-upper:before {
	content: "\f02e";/*粗线-上*/
}
.ff-f02f:before,.ff-thick-lower:before {
	content: "\f02f";/*粗线-下*/
}
.ff-f030:before,.ff-plus:before {
	content: "\f030";/*加*/
}
.ff-f031:before,.ff-minus:before {
	content: "\f031";/*减*/
}
.ff-f032:before,.ff-search:before {
	content: "\f032";/*放大镜*/
}
.ff-f033:before,.ff-search-plus:before {
	content: "\f033";/*放大*/
}
.ff-f034:before,.ff-search-minus:before {
	content: "\f034";/*缩小*/
}
.ff-f035:before,.ff-ok:before {
	content: "\f035";/*确认*/
}
.ff-f036:before,.ff-close:before {
	content: "\f036";/*放弃*/
}
.ff-f037:before,.ff-ok-o:before {
	content: "\f037";/*确认*/
}
.ff-f038:before,.ff-close-o:before {
	content: "\f038";/*放弃*/
}
.ff-f039:before,.ff-disables:before {
	content: "\f039";/*失效*/
}
.ff-f03a:before,.ff-question:before {
	content: "\f03a";/*疑问*/
}
.ff-f03b:before,.ff-info:before {
	content: "\f03b";/*信息*/
}
.ff-f03c:before,.ff-exclamation:before {
	content: "\f03c";/*感叹*/
}
.ff-f03d:before,.ff-chest-card:before {
	content: "\f03d";/*胸牌*/
}
.ff-f03e:before,.ff-id-card-w:before {
	content: "\f03e";/*证件(白)*/
}
.ff-f03f:before,.ff-id-card:before {
	content: "\f03f";/*证件*/
}
.ff-f040:before,.ff-upvote:before {
	content: "\f040";/*点赞*/
}
.ff-f041:before,.ff-downvote:before {
	content: "\f041";/*拍砖*/
}
.ff-f042:before,.ff-entry:before {
	content: "\f042";/*进入*/
}
.ff-f043:before,.ff-exit:before {
	content: "\f043";/*退出*/
}
.ff-f044:before,.ff-cloud:before {
	content: "\f044";/*云*/
}
.ff-f045:before,.ff-upload:before {
	content: "\f045";/*上传*/
}
.ff-f046:before,.ff-download:before {
	content: "\f046";/*下载*/
}
.ff-f047:before,.ff-computer:before {
	content: "\f047";/*电脑*/
}
.ff-f048:before,.ff-notebook:before {
	content: "\f048";/*笔记本*/
}
.ff-f049:before,.ff-phone-tablet:before {
	content: "\f049";/*平板电脑*/
}
.ff-f04a:before,.ff-mobile-phone:before {
	content: "\f04a";/*手机*/
}
.ff-f04b:before,.ff-shopping-cart:before {
	content: "\f04b";/*购物车*/
}
.ff-f04c:before,.ff-add-cart:before {
	content: "\f04c";/*加入购物车*/
}
.ff-f04d:before,.ff-delivery:before {
	content: "\f04d";/*送货*/
}
.ff-f04e:before,.ff-like:before {
	content: "\f04e";/*喜欢*/
}
.ff-f04f:before,.ff-dislike:before {
	content: "\f04f";/*不喜欢*/
}
.ff-f050:before,.ff-Maximization:before {
	content: "\f050";/*窗口最大化*/
}
.ff-f051:before,.ff-minimize:before {
	content: "\f051";/*窗口最小化*/
}
.ff-f052:before,.ff-reduction:before {
	content: "\f052";/*窗口还原*/
}
.ff-f053:before,.ff-window-close:before {
	content: "\f053";/*窗口关闭*/
}
.ff-f054:before,.ff-window-close-w:before {
	content: "\f054";/*窗口关闭(白)*/
}
.ff-f055:before,.ff-arrows-v:before {
	content: "\f055";/*窗口垂直拉伸*/
}
.ff-f056:before,.ff-arrows-h:before {
	content: "\f056";/*窗口水平拉伸*/
}
.ff-f057:before,.ff-arrows:before {
	content: "\f057";/*窗口移动*/
}
.ff-f058:before,.ff-earphone:before {
	content: "\f058";/*耳机*/
}
.ff-f059:before,.ff-volume-off:before {
	content: "\f059";/*声音关闭*/
}
.ff-f05a:before,.ff-volume:before {
	content: "\f05a";/*声音*/
}
.ff-f05b:before,.ff-microphone:before {
	content: "\f05b";/*麦克风*/
}
.ff-f05c:before,.ff-micro-slash:before {
	content: "\f05c";/*麦克风关闭*/
}
.ff-f05d:before,.ff-unlock:before {
	content: "\f05d";/*解锁*/
}
.ff-f05e:before,.ff-lock:before {
	content: "\f05e";/*加锁*/
}
.ff-f05f:before,.ff-streaming:before {
	content: "\f05f";/*流媒体*/
}
.ff-f060:before,.ff-spinner:before {
	content: "\f060";/*旋转器*/
}
.ff-f061:before,.ff-refresh:before {
	content: "\f061";/*刷新*/
}
.ff-f062:before,.ff-line-chart:before {
	content: "\f062";/*面积统计图*/
}
.ff-f063:before,.ff-trend-chart:before {
	content: "\f063";/*走势统计图*/
}
.ff-f064:before,.ff-bar-chart:before {
	content: "\f064";/*条形统计图*/
}
.ff-f065:before,.ff-pie-chart:before {
	content: "\f065";/*饼状统计图*/
}
.ff-f066:before,.ff-file:before {
	content: "\f066";/*页*/
}
.ff-f067:before,.ff-book:before {
	content: "\f067";/*书*/
}
.ff-f068:before,.ff-folder:before {
	content: "\f068";/*文件夹*/
}
.ff-f069:before,.ff-folder-open:before {
	content: "\f069";/*文件夹(打开)*/
}
.ff-f06a:before,.ff-image:before {
	content: "\f06a";/*图片*/
}
.ff-f06b:before,.ff-recorder:before {
	content: "\f06b";/*录像机*/
}
.ff-f06c:before,.ff-camera:before {
	content: "\f06c";/*照相机*/
}
.ff-f06d:before,.ff-print:before {
	content: "\f06d";/*打印机*/
}
.ff-f06e:before,.ff-bluetooth-w:before {
	content: "\f06e";/*蓝牙(白)*/
}
.ff-f06f:before,.ff-bluetooth:before {
	content: "\f06f";/*蓝牙*/
}
.ff-f070:before,.ff-ascending:before {
	content: "\f070";/*升序*/
}
.ff-f071:before,.ff-descending:before {
	content: "\f071";/*降序*/
}
.ff-f072:before,.ff-filter:before {
	content: "\f072";/*过滤*/
}
.ff-f073:before,.ff-qr-code:before {
	content: "\f073";/*二维码*/
}
.ff-f074:before,.ff-bar-code:before {
	content: "\f074";/*条型码*/
}
.ff-f075:before,.ff-tag:before {
	content: "\f075";/*标签*/
}
.ff-f076:before,.ff-flag-tag:before {
	content: "\f076";/*旗帜标签*/
}
.ff-f077:before,.ff-flag-tag-w:before {
	content: "\f077";/*旗帜标签(白)*/
}
.ff-f078:before,.ff-position:before {
	content: "\f078";/*位置*/
}
.ff-f079:before,.ff-earth:before {
	content: "\f079";/*地球*/
}
.ff-f07a:before,.ff-tool:before {
	content: "\f07a";/*工具*/
}
.ff-f07b:before,.ff-set:before {
	content: "\f07b";/*设置*/
}
.ff-f07c:before,.ff-see:before {
	content: "\f07c";/*看*/
}
.ff-f07d:before,.ff-see-no:before {
	content: "\f07d";/*不看*/
}
.ff-f07e:before,.ff-bell:before {
	content: "\f07e";/*铃铛*/
}
.ff-f07f:before,.ff-bell-no:before {
	content: "\f07f";/*铃铛禁止*/
}
.ff-f080:before,.ff-navicon:before {
	content: "\f080";/*导航*/
}
.ff-f081:before,.ff-list:before {
	content: "\f081";/*列表*/
}
.ff-f082:before,.ff-signal:before {
	content: "\f082";/*信号*/
}
.ff-f083:before,.ff-wifi-i:before {
	content: "\f083";/*WIFI(斜)*/
}
.ff-f084:before,.ff-wifi:before {
	content: "\f084";/*WIFI*/
}
.ff-f085:before,.ff-eyedropper:before {
	content: "\f085";/*取色滴管*/
}
.ff-f086:before,.ff-diamond:before {
	content: "\f086";/*钻石*/
}
.ff-f087:before,.ff-birthday:before {
	content: "\f087";/*生日蛋糕*/
}
.ff-f088:before,.ff-calendar:before {
	content: "\f088";/*日历*/
}
.ff-f089:before,.ff-gift:before {
	content: "\f089";/*礼品*/
}
.ff-f08a:before,.ff-hot:before {
	content: "\f08a";/*热*/
}
.ff-f08b:before,.ff-telephone:before {
	content: "\f08b";/*电话*/
}
.ff-f08c:before,.ff-clock:before {
	content: "\f08c";/*时钟*/
}
.ff-f08d:before,.ff-play:before {
	content: "\f08d";/*播放*/
}
.ff-f08e:before,.ff-garbage-can-w:before {
	content: "\f08e";/*垃圾桶(白)*/
}
.ff-f08f:before,.ff-garbage-can:before {
	content: "\f08f";/*垃圾桶*/
}
.ff-f090:before,.ff-home:before {
	content: "\f090";/*主页*/
}
.ff-f091:before,.ff-language:before {
	content: "\f091";/*语言*/
}
.ff-f092:before,.ff-go-back:before {
	content: "\f092";/*后退*/
}
.ff-f093:before,.ff-share:before {
	content: "\f093";/*分享*/
}
.ff-f094:before,.ff-undo:before {
	content: "\f094";/*取消*/
}
.ff-f095:before,.ff-circle-w:before {
	content: "\f095";/*圆圈(白)*/
}
.ff-f096:before,.ff-circle:before {
	content: "\f096";/*圆圈*/
}
.ff-f097:before,.ff-edit:before {
	content: "\f097";/*编辑*/
}
.ff-f098:before,.ff-share-square:before {
	content: "\f098";/*分享(方)*/
}
.ff-f099:before,.ff-check:before {
	content: "\f099";/*选择*/
}
.ff-f09a:before,.ff-credit-card:before {
	content: "\f09a";/*信用卡*/
}
.ff-f09b:before,.ff-power:before {
	content: "\f09b";/*电源开关*/
}
.ff-f09c:before,.ff-link:before {
	content: "\f09c";/*链接*/
}
.ff-f09d:before,.ff-source-code:before {
	content: "\f09d";/*源代码*/
}